﻿<!DOCTYPE html>
<html>
<head>
    <title>Créer et insérer des diagrammes</title>
    <meta charset="utf-8" />
    <meta name="description" content="Lorsque vous avez besoin de créer beaucoup de diagrammes variés et complexes, l'Éditeur de Documents ONLYOFFICE vous offre un plug-in draw.io qui peut les créer et configurer" />
    <link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
    <link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
    <script type="text/javascript" src="../callback.js"></script>
    <script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
    <div class="mainpart">
        <div class="search-field">
            <input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
        </div>
        <h1>Créer et insérer des diagrammes</h1>
        <p>Lorsque vous avez besoin de créer beaucoup de diagrammes variés et complexes, <a href="https://www.onlyoffice.com/fr/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>l'éditeur de documents ONLYOFFICE</b></a> vous offre un plug-in draw.io qui peut les créer et configurer.</p>
        <ol>
            <li>Sélectionnez l'endroit sur la page où vous souhaitez insérer un diagramme.</li>
            <li>Passez à l'onglet <b>Modules complémentaires</b> et cliquez sur <div class = "icon icon-drawio"></div> <b>draw.io</b>.</li>
            <li>
                La fenêtre <b>draw io</b> s'ouvre avec les sections suivantes :
                <ul>
                    <li><b>Barre d'outils supérieure</b> contient des outils pour gérer les fichiers, configurer l'interface, modifier des données en utilisant les onglets <em>Fichier</em>, <em>Modifier</em>, <em>Afficher</em>, <em>Organiser</em>, <em>Extras</em>, <em>Aide</em> et les options appropriées.</li>
                    <li><b>Barre latérale gauche</b> contient des formes variées pour sélectionner parmi : <em>Standard</em>, <em>Logiciel</em>, <em>Réseau</em>, <em>Business</em>, <em>Autres</em>. Pour ajouter de nouvelles formes à celles disponibles par défaut, cliquez sur le bouton <b>Plus de formes</b>, choisissez les types d'objet nécessaires et cliquez sur <b>Appliquer</b>.</li>
                    <li>
                        <b>Barre latérale droite</b> contient des outils et paramètres pour personnaliser la feuille de calcul, les formes, les graphiques, les feuilles, le texte et les flèches :
                        <ul>
                            <li>
                                Paramètres de la <b>Feuille de calcul</b> :
                                <ul>
                                    <li><b>Affichage</b> : <em>Grille</em>, ses taille et couleur, <em>Affichage de la page</em>, <em>Arrière-plan</em> - vous pouvez sélectionner une image locale, fournir l'URL ou choisir une couleur appropriée à l'aide de la palette de couleurs, ainsi qu'ajouter des effets <em>Ombre</em>.</li>
                                    <li><b>Options</b> : <em>Flèches de connexion</em>, <em>Points de connexion</em>, <em>Guides</em>.</li>
                                    <li><b>Taille de papier</b> : orientation <em>Portrait</em> ou <em>Paysage</em> avec les paramètres de longueur et de largeur spécifiés.</li>
                                </ul>
                            </li>
                            <li>
                                Paramètres de <b>Forme</b> :
                                <ul>
                                    <li><b>Couleur</b> : <em>Couleur remplissage</em>, <em>Gradient</em>.</li>
                                    <li><b>Ligne</b> : <em>Couleur</em>, <em>Type</em>, <em>Largeur</em>, <em>Largeur du périmètre</em>.</li>
                                    <li><b>Opacité</b>.</li>
                                </ul>
                            </li>
                            <li>
                                Paramètres de <b>Flèche</b> :
                                <ul>
                                    <li><b>Couleur</b> : <em>Couleur remplissage</em>, <em>Gradient</em>.</li>
                                    <li><b>Ligne</b> : <em>Couleur</em>, <em>Type</em>, <em>Largeur</em>, <em>Fin de ligne</em>, <em>Début de ligne</em>.</li>
                                    <li><b>Opacité</b>.</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><b>Zone de travail</b> pour afficher des diagrammes, saisir et modifier des données. Ici vous pouvez déplacer des objets, former des diagrammes séquentiels et connecter des objets avec des flèches.</li>
                    <li>
                        <b>Barre d'état</b> contient des outils de navigation pour basculer facilement entre les feuilles et les gérer.
                        <p><img alt="Draw io diagram" src="../images/drawio_diagram.png" /></p>
                    </li>
                </ul>
            </li>
        </ol>
        <p>En utilisant ces outils créez les diagrammes nécessaires et modifiez-les. Quand tout est prêt cliquez sur le bouton <b>Insérer</b> pour les ajouter au document.</p>
    </div>
</body>
</html>